﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="FSY.Web.Test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Style.css" rel="stylesheet" type="text/css" />

    <script src="Utilities/Jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script src="Utilities/Jquery/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>

    <script src="Utilities/Jquery/jquery.visualize.js" type="text/javascript"></script>

    <script src="Utilities/Jquery/jquery.mousewheel.min.js" type="text/javascript"></script>

    <script src="Utilities/Jquery/jquery.wysiwyg.js" type="text/javascript"></script>

</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div id="logo">
            </div>
            <div id="adminbar">
                Welcome <strong>Le Van Cuong</strong> <a href="#">
                    <img alt="" src="Images/onebit-icons/ok_messages.png" style="border: 0;" /></a>
                (<strong>1</strong>) <a href="#" class="logout">logout</a></div>
        </div>
        <div id="menu-tabs" class="center">
            <ul>
                <li class="active"><a href="#">Dashboard</a></li>
                <li><a href="#">Content</a></li>
                <li><a href="#">Comments</a></li>
                <li><a href="#">Settings</a></li>
            </ul>
        </div>
        <div class="scroll-menu">
            <div class="smc-1">
                <div class="smc-2">
                    <div class="smc-3">
                        <!-- menu scroll content [begin] -->
                        <div id="content-scroll">
                            <div id="content-holder">
                                <!-- tabs content here [begin] -->
                                <!-- tab 1 [begin] -->
                                <div class="pane">
                                    <ul class="menu-items">
                                        <!-- 
										<li><a href="link.html"><img src="path/to/icon.png" alt="" /><span>With tooltip</span></a><div class="tooltip">Tooltip text here</div></li>
										<li><a href="link.html"><img src="path/to/icon.png" alt="" /><span>Without tooltip</span></a></li>
										-->
                                        <li><a href="#">
                                            <img src="images/function-icons/home_48.png" alt="" /><span>Home</span></a><div class="tooltip">
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In massa odio, tempus ut
                                                porta ac, sollicitudin sed neque.</div>
                                        </li>
                                        <li><a href="#">
                                            <img src="images/function-icons/navigate_48.png" alt="" /><span>Main menu</span></a><div
                                                class="tooltip">
                                                Tooltip text here</div>
                                        </li>
                                        <%--<li><a href="#"><img src="images/function-icons/rss_48.png" alt="" /><span>RSS Feeds</span></a><div class="tooltip">Tooltip text here</div></li>--%>
                                        <li><a href="#">
                                            <img src="images/function-icons/lightbulb_48.png" alt="" /><span>TODO</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/paper_pencil_48.png" alt="" /><span>Logs</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/box_upload_48.png" alt="" /><span>Upload</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/users_two_48.png" alt="" /><span>Users</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/comment_48.png" alt="" /><span>Comments</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/folder_48.png" alt="" /><span>Site explorer</span></a></li>
                                        <li><a href="#">
                                            <img src="images/function-icons/lock_48.png" alt="" /><span>Security</span></a></li>
                                        <%--			<li><a href="#"><img src="images/function-icons/camera_48.png" alt="" /><span>Gallery</span></a></li>
										<li><a href="#"><img src="images/function-icons/database_48.png" alt="" /><span>Database</span></a></li>
										<li><a href="#"><img src="images/function-icons/pie_chart_48.png" alt="" /><span>Statistic</span></a></li>--%>
                                        <li><a href="#">
                                            <img src="images/function-icons/spanner_48.png" alt="" /><span>Settings</span></a></li>
                                    </ul>
                                </div>
                                <!-- tab 1 [end] -->
                                <!-- tab 2 [begin] -->
                                <div class="pane">
                                </div>
                                <!-- tab 2 [end] -->
                                <!-- tab 3 [begin] -->
                                <div class="pane">
                                </div>
                                <!-- tab 3 [end] -->
                                <!-- tab 4 [begin] -->
                                <div class="pane">
                                </div>
                                <!-- tab 4 [end] -->
                                <!-- tabs content here [end] -->
                            </div>
                        </div>
                        <!-- menu scroll content [end] -->
                        <div class="clearingfix">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
    </div>
</body>
</html>
